<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF-8">
        <title>BOM: screen</title>
    </head>
    <body>

        <p>Browser Object Model : screen 和 Screen</p>
        <!-- 在 HTML 文档中通过 script 元素嵌入 JavaScript 代码 -->
        <script type="text/javascript">
            // 直接在 script 元素中书写的代码属于全局作用域
            console.log( Object.getOwnPropertyNames( Screen ) );
            console.log( '- '.repeat(30) );
            console.log( Object.getOwnPropertyNames( Screen.prototype ) );
            console.log( '- '.repeat(30) );
            // 在浏览器中 screen 是 Screen 对象的实例
            console.log( Object.getOwnPropertyNames( screen ) );
        </script>

        <p>
            <a href="https://developer.mozilla.org/zh-CN/docs/Web/API/Screen">
                MDN Web Docs: Screen
            </a>
        </p>
    </body>
</html>